<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简阁BAS-校园二手交易平台、可买可卖、功能齐全、轻松购物！</title>
    <meta name="description" content="简阁BAS-校园网上二手交易平台，BAS-buy and sell，寓意可买可卖，平台提供书籍、衣服
    、美妆、零食、电子产品、日用品、其他" />
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    <script src="js/animate.js"></script>
    <script src="js/index.js"></script>
</head>

<body>
    <!-- 快捷导航 -->
    <section class="shortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li class="wenzi">简阁欢迎您！&nbsp;&nbsp;</li>
                    <li>
                        <a href="#" class="wenzi">请登录&nbsp;</a> <a href="register.html" class="redcolor">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <ul class="wenzi">
                    <li>我的订单</li>
                    <li></li>
                    <li class="lowj">我的简阁</li>
                    <li></li>
                    <li>我的收藏</li>
                    <li></li>
                    <li class="lowj">用户服务</li>
                    <li></li>
                    <li class="lowj">网站导航</li>
                </ul>
            </div>
        </div>
    </section>
    <!-- 头部logo -->
    <header class="w">
        <div class="logo">
            <h1>
                <a href="index.html" title="简阁BAS商城">简阁BAS</a>
            </h1>
        </div>
        <div class="search">
            <input type="search" placeholder="英语六级">
            <button>搜索</button>
        </div>
        <div class="hotword">
            <ul>
                <li><a href="#" class="redcolor">优惠购</a></li>
                <li><a href="#">九成新</a></li>
                <li><a href="#">办公用品</a></li>
                <li><a href="#">零食</a></li>
                <li><a href="#">限量抢购</a></li>
                <li><a href="#">电脑</a></li>
                <li><a href="#">书籍</a></li>
                <li><a href="#">衣服</a></li>
            </ul>
        </div>
        <div class="shopcar">
            我的购物车
            <div class="count">8</div>
        </div>
    </header>
    <!-- 导航栏 -->
    <nav class="nav">
        <div class="w">
            <div class="dropdown">
                <div class="dt">全部商品分类</div>
                <div class="dd">
                    <ul>
                        <li><a href="list.html">书籍</a></li>
                        <li><a href="list.html">衣服</a></li>
                        <li><a href="list.html">家居、家具、家装、厨具</a></li>
                        <li><a href="list.html">清洁用品、宠物</a></li>
                        <li><a href="list.html">美妆</a></li>
                        <li><a href="list.html">零食</a></li>
                        <li><a href="list.html">电子产品</a></li>
                        <li><a href="list.html">日用品</a></li>
                        <li><a href="list.html">其他</a></li>
                        <li><a href="list.html">医药保健</a> </li>
                        <li><a href="list.html">图书、音像、电子书</a></li>
                        <li><a href="list.html">彩票、旅行、充值、票务</a></li>
                        <li><a href="list.html">理财、众筹、白条、保险</a></li>
                        <li><a href="list.html">运动户外、钟表</a></li>
                    </ul>
                </div>
            </div>
            <div class="dnav">
                <ul>
                    <li><a href="#">服装城</a></li>
                    <li><a href="#">美妆馆</a></li>
                    <li><a href="#">传智超市</a></li>
                    <li><a href="#">全球购</a></li>
                    <li><a href="#">闪购</a></li>
                    <li><a href="#">团购</a></li>
                    <li><a href="#">拍卖</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <!-- 轮播图 -->
    <div class="w">
        <div class="main">
            <div class="news-hd">
                <ul class="img">
                    <li>
                        <img src="upload/focus.jpg" alt="">
                    </li>
                    <li>
                        <img src="upload/focus1.jpg" alt="">
                    </li>
                    <li>
                        <img src="upload/focus2.jpg" alt="">
                    </li>
                    <li>
                        <img src="upload/focus3.jpg" alt="">
                    </li>
                </ul>             
                <ul class="focus">
                </ul>
                <a href="javaScript:;" class="arrl">
                    &lt;
                </a>
                <a href="javaScript:;" class="arrr">
                    &gt;
                </a>
            </div>
            <div class="news-bd">
                <div class="news">
                    <div class="ss">
                        <div class="lf">简阁快报</div>
                        <div class="more">更多</div>
                    </div>
                    <div class="new">
                        <ul>
                            <li><a href="#">【特惠】备战开学季 全民半价 备战开学季 全民半价</a></li>
                            <li><a href="#">【特惠】备战开学季 全民半价</a></li>
                            <li><a href="#">【特惠】备战开学季 全民半价</a></li>
                            <li><a href="#">【特惠】备战开学季 全民半价</a></li>
                            <li><a href="#">【特惠】备战开学季 全民半价</a></li>
                        </ul>
                    </div>
                </div>
                <div class="light">
                    <ul>
                        <li>
                            <div class="img"></div>
                            <div class="nam">话费</div>
                        </li>
                        <li>
                            <div class="img"></div>
                            <div class="nam">话费</div>
                        </li>
                        <li>
                            <div class="img"></div>
                            <div class="nam">话费</div>
                        </li>
                        <li>
                            <div class="img"></div>
                            <div class="nam">话费</div>
                        </li>
                        <li>
                            <div class="img"></div>
                            <div class="nam">话费</div>
                        </li>
                        <li>
                            <div class="img"></div>
                            <div class="nam">话费</div>
                        </li>
                        <li>
                            <div class="img"></div>
                            <div class="nam">话费</div>
                        </li>
                        <li>
                            <div class="img"></div>
                            <div class="nam">话费</div>
                        </li>
                        <li>
                            <div class="img"></div>
                            <div class="nam">话费</div>
                        </li>
                        <li>
                            <div class="img"></div>
                            <div class="nam">话费</div>
                        </li>
                        <li>
                            <div class="img"></div>
                            <div class="nam">话费</div>
                        </li>
                        <li>
                            <div class="img"></div>
                            <div class="nam">话费</div>
                        </li>
                    </ul>
                </div>
                <img src="upload/bargain.png" alt="">
            </div>
        </div>
    </div>
    <!-- 推荐   -->
    <div class="recom w">
        <div class="recom-hd">
            <img src="image/recom.png" alt="">
        </div>
        <div class="recom-bd">
            <ul>
                <li><a href="#">
                        <img src="upload/recom_03.jpg" alt="">
                    </a></li>
                <li><a href="#">
                        <img src="upload/recom_03.jpg" alt="">
                    </a></li>
                <li><a href="#">
                        <img src="upload/recom_03.jpg" alt="">
                    </a></li>
                <li><a href="#">
                        <img src="upload/recom_03.jpg" alt="">
                    </a></li>
            </ul>
        </div>
    </div>
    <!-- 楼层 -->
    <div class="floor">
        <div class="w">
            <div class="jiadian">
                <div class="jd-hd">
                    <h2>家用电器</h2>
                    <div class="litter">
                        <ul>
                            <li><a href="#">热门</a>|</li>
                            <li><a href="#">大家电</a>|</li>
                            <li><a href="#">生活电器</a>|</li>
                            <li><a href="#">厨房电器</a>|</li>
                            <li><a href="#">个护健康</a>|</li>
                            <li><a href="#">应季电器</a>|</li>
                            <li><a href="#">高端电器</a></li>

                        </ul>
                    </div>
                </div>
                <div class="jd-bd">
                    <div class="col_210">
                        <div class="content">
                            <ul>
                                <li><a href="#">节能补贴</a></li>
                                <li><a href="#">节能补贴</a></li>
                                <li><a href="#">节能补贴</a></li>
                                <li><a href="#">节能补贴</a></li>
                                <li><a href="#">节能补贴</a></li>
                                <li><a href="#">节能补贴</a></li>
                            </ul>
                        </div>
                        <a href="#"><img src="upload/floor-1-1.png" alt=""></a>
                    </div>
                    <div class="col_328">
                        <a href="#"><img src="upload/floor-1-b01.png" alt=""></a>
                    </div>
                    <div class="col_220">
                        <a href="#"><img src="upload/floor-1-2.png" alt=""></a>
                        <a href="#"><img src="upload/floor-1-3.png" alt=""></a>
                    </div>
                    <div class="col_220">
                        <a href="#"><img src="upload/floor-1-4.png" alt=""></a>
                    </div>
                    <div class="col_220">
                        <a href="#"><img src="upload/floor-1-5.png" alt=""></a>
                        <a href="#"><img src="upload/floor-1-6.png" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="jiadian">
                <div class="jd-hd">
                    <h2>手机通信</h2>
                    <div class="litter">
                        <ul>
                            <li><a href="#">热门</a>|</li>
                            <li><a href="#">大家电</a>|</li>
                            <li><a href="#">生活电器</a>|</li>
                            <li><a href="#">厨房电器</a>|</li>
                            <li><a href="#">个护健康</a>|</li>
                            <li><a href="#">应季电器</a>|</li>
                            <li><a href="#">高端电器</a></li>

                        </ul>
                    </div>
                </div>
                <div class="jd-bd">
                    <div class="col_210">
                        <div class="content">
                            <ul>
                                <li><a href="#">节能补贴</a></li>
                                <li><a href="#">节能补贴</a></li>
                                <li><a href="#">节能补贴</a></li>
                                <li><a href="#">节能补贴</a></li>
                                <li><a href="#">节能补贴</a></li>
                                <li><a href="#">节能补贴</a></li>
                            </ul>
                        </div>
                        <a href="#"><img src="upload/floor-1-1.png" alt=""></a>
                    </div>
                    <div class="col_328">
                        <a href="#"><img src="upload/floor-1-b01.png" alt=""></a>
                    </div>
                    <div class="col_220">
                        <a href="#"><img src="upload/floor-1-2.png" alt=""></a>
                        <a href="#"><img src="upload/floor-1-3.png" alt=""></a>
                    </div>
                    <div class="col_220">
                        <a href="#"><img src="upload/floor-1-4.png" alt=""></a>
                    </div>
                    <div class="col_220">
                        <a href="#"><img src="upload/floor-1-5.png" alt=""></a>
                        <a href="#"><img src="upload/floor-1-6.png" alt=""></a>
                    </div>
                </div>
            </div>
            <div class="jiadian">
                <div class="jd-hd">
                    <h2>日常用品</h2>
                    <div class="litter">
                        <ul>
                            <li><a href="#">热门</a>|</li>
                            <li><a href="#">大家电</a>|</li>
                            <li><a href="#">生活电器</a>|</li>
                            <li><a href="#">厨房电器</a>|</li>
                            <li><a href="#">个护健康</a>|</li>
                            <li><a href="#">应季电器</a>|</li>
                            <li><a href="#">高端电器</a></li>

                        </ul>
                    </div>
                </div>
                <div class="jd-bd">
                    <div class="col_210">
                        <div class="content">
                            <ul>
                                <li><a href="#">节能补贴</a></li>
                                <li><a href="#">节能补贴</a></li>
                                <li><a href="#">节能补贴</a></li>
                                <li><a href="#">节能补贴</a></li>
                                <li><a href="#">节能补贴</a></li>
                                <li><a href="#">节能补贴</a></li>
                            </ul>
                        </div>
                        <a href="#"><img src="upload/floor-1-1.png" alt=""></a>
                    </div>
                    <div class="col_328">
                        <a href="#"><img src="upload/floor-1-b01.png" alt=""></a>
                    </div>
                    <div class="col_220">
                        <a href="#"><img src="upload/floor-1-2.png" alt=""></a>
                        <a href="#"><img src="upload/floor-1-3.png" alt=""></a>
                    </div>
                    <div class="col_220">
                        <a href="#"><img src="upload/floor-1-4.png" alt=""></a>
                    </div>
                    <div class="col_220">
                        <a href="#"><img src="upload/floor-1-5.png" alt=""></a>
                        <a href="#"><img src="upload/floor-1-6.png" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <footer class="footer">
        <div class="w">
            <div class="mod_footer">
                <ul>
                    <li>
                        <div class="icon"></div>
                        <div class="service">
                            <h3>正品保障</h3>
                            <p>正品保障，提供发票</p>
                        </div>
                    </li>
                    <li>
                        <div class="icon"></div>
                        <div class="service">
                            <h3>正品保障</h3>
                            <p>正品保障，提供发票</p>
                        </div>
                    </li>
                    <li>
                        <div class="icon"></div>
                        <div class="service">
                            <h3>正品保障</h3>
                            <p>正品保障，提供发票</p>
                        </div>
                    </li>
                    <li>
                        <div class="icon"></div>
                        <div class="service">
                            <h3>正品保障</h3>
                            <p>正品保障，提供发票</p>
                        </div>
                    </li>
                    <li>
                        <div class="icon"></div>
                        <div class="service">
                            <h3>正品保障</h3>
                            <p>正品保障，提供发票</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="mod_txt">
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>会员问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>
                </dl>
                <dl>
                    <dt>配送方式</dt>
                    <dd>上门自提</dd>
                    <dd>211限时达</dd>
                    <dd>配送服务查询</dd>
                    <dd>配送费收取标准</dd>
                    <dd>海外配送</dd>
                </dl>
                <dl>
                    <dt>支付方式</dt>
                    <dd>货到付款</dd>
                    <dd>在线支付</dd>
                    <dd>分期付款</dd>
                    <dd>邮局汇款</dd>
                    <dd>公司转账</dd>
                </dl>
                <dl>
                    <dt>售后服务</dt>
                    <dd>售后政策</dd>
                    <dd>价格保护</dd>
                    <dd>退款说明</dd>
                    <dd>返修/退换货</dd>
                    <dd>取消订单</dd>
                </dl>
                <dl>
                    <dt>特色服务</dt>
                    <dd>夺宝岛</dd>
                    <dd>DIY装机</dd>
                    <dd>延保服务</dd>
                    <dd>简阁E卡</dd>
                    <dd>简阁通信</dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <img src="image/erweima.jpg" alt="">
                    <dd>&nbsp;简阁BAS小程序</dd>
                </dl>
            </div>
            <div class="mod_help">
                <div class="text">关于我们 | 联系我们 | 联系客服 | 商家入驻 | 营销中心 | 手机简阁 | 友情链接 | 销售联盟 | 简阁社区 | 简阁公益 | English Site |
                    Contact U</div>
                <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
                    <br>京ICP备08001421号京公网安备110108007702
                </p>
            </div>
        </div>
    </footer>
    <!-- 侧栏 -->
    <section class="celan">
        <a href="javascript:;">回到顶部</a>
    </section>
</body>

</html>